<template>
        <div class="app2">
            子组件2
            <h4>玩具：{{ toy }}</h4>
            <button @click="emit('abc',toy)">测试</button>
        </div>
</template>
    
<script setup lang='ts'>
import { ref ,onMounted} from 'vue';

let toy = ref('奥特曼')
// 宏函数 发送   申明事件
const emit = defineEmits(['abc'])

// onMounted(() => {
//     setTimeout(() => {
//         emit('abc')
//     },3000)
// })
</script>
    
<style scoped>
    .app2{
        padding: 10px;
        margin: 10px;
        background-color: skyblue;
        border-radius: 5px;
        box-shadow: 0 0 10px ;
    }
</style>